@charset "utf-8";
/* CSS Document */
body{font-family:Arial, Helvetica, sans-serif; font-size: 18px;overflow-x: hidden; color: #333;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0; }
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;}
img{border: 0 none;vertical-align: middle;}
a{color: #333;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#456930;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
*{ box-sizing: border-box; }


.owl-theme .owl-controls{ margin-top: 10px; text-align: center;}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px;  padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;  background: #869791;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none;}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{  display: block;  width: 12px;  height: 12px;  margin: 5px 7px;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;  -webkit-border-radius: 20px;  -moz-border-radius: 20px;  border-radius: 20px;  background: #869791;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/  opacity: 1;}
/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{  height: auto;  width: auto;  color: #FFF;  padding: 2px 10px;  font-size: 12px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;}

/* preloading images */
.owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center}

/* clearfix */
.owl-carousel .owl-wrapper:after {  content: "."; display: block; clear: both;  visibility: hidden; line-height: 0; height: 0;}
/* display none until init */
.owl-carousel{ position: relative; width: 100%;  -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{ display: none;  position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{  -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out;  -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out;  transition: height 500ms ease-in-out;}
  
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{ cursor: pointer;}
.owl-controls { -webkit-user-select: none;  -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing { cursor:url(grabbing.png) 8 8, move;}

/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden; -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}

/* CSS3 Transitions */

.owl-origin {-webkit-perspective: 1200px;-webkit-perspective-origin-x : 50%;-webkit-perspective-origin-y : 50%; -moz-perspective : 1200px;  -moz-perspective-origin-x : 50%;-moz-perspective-origin-y : 50%; perspective : 1200px;}
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease;}
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease;  animation: fadeIn .7s both ease;}
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease;}
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease;}
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both;}
.owl-goDown-in {-webkit-animation: goDown .6s ease both;-moz-animation: goDown .6s ease both;animation: goDown .6s ease both;}
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both;}

.owl-fadeUp-out {-webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both;}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}


@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1596506903224'); /* IE9 */
  src: url('../fonts/iconfont.eot?t=1596506903224#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('../fonts/iconfont.woff?t=1596506903224') format('woff'),
  url('../fonts/iconfont.ttf?t=1596506903224') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg?t=1596506903224#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dizhi:before {
  content: "\e627";
}

.icon-youxiang:before {
  content: "\e607";
}

.icon-mail1:before {
  content: "\e61f";
}

.icon-chat:before {
  content: "\e658";
}

.icon-youtube1:before {
  content: "\e8d7";
}

.icon-dianhua1:before {
  content: "\e61e";
}

.icon-666666-copy:before {
  content: "\ec8d";
}

.icon-youtube:before {
  content: "\e6ab";
}

.icon-fangdajing:before {
  content: "\e603";
}

.icon-twitter:before {
  content: "\e89d";
}

.icon-facebook:before {
  content: "\e6e5";
}

.icon-in:before {
  content: "\e6f1";
}

.icon-mean_list:before {
  content: "\e653";
}

.iconfont:before{ display: block; margin:0 auto; }

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}   
.w_p_main{ background: #fff; overflow: hidden;  }
.main{ background: #eee; overflow: hidden; width: 100%;  }
.warper{ width:1200px; margin:0 auto; position: relative;}
.backToTop{width:62px; height:62px; background:#456930 url(icon_top.png) no-repeat center; background-size: 30%; cursor:pointer; position:fixed; right:0; text-indent:9999px; bottom:0; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}


header{ background: #587647; height: 120px;}
.media {float: left; margin-top:49px;}
.media a{color: #fff; margin: 0 5px; font-size: 22px; display:inline-block;}
.media a:first-child:hover{ color: #117aed; }
.media a:nth-of-type(2):hover{ color: #0b66c3; }
.media a:nth-of-type(3):hover{ color: #2fb0ec; }
.media a:nth-of-type(4):hover{ color: #fe0000; }

h6{ display: inline-block; font-weight: normal; }


#nav:after{  content: '';  display: block;  clear: both;}
#nav .warper{position: relative;}
.logo{ float: left; padding:12px 3% 13px 2%; background: #fff;}
.position .logo{ padding:7px 3% 7px 2%; }
.position .logo img{ height: 85px; }
.position nav li>a{ padding: 38px 14px 39px 14px; }
.position nav li.on:after, .position nav li:hover:after{ bottom: 26px; }
.position nav dl{ top: 99px; }
.position .media{ margin-top: 38px; }
.position .search-button,.position .languagebox{ margin-top: 32px; }


.close-nav{position: fixed; top:0; left:0; width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 888;}
.nav-open{transform: translateX(0);}
.close-open{opacity: 0.5;visibility: visible;}
.body-hidden{overflow: hidden!important;}
#nav .nav-button{width: 35px;height: 35px;border-radius: 3px;background: #65a342; color: #fff;position: absolute; right: 10px; top: 10px;line-height: 35px;text-align: center;font-size: 20px;}
#nav .nav-button i{ color: #fff; font-size: 22px; font-weight: 600; }
.position{position: fixed;left: 0;right: 0; top: 0; z-index: 110;box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2);height: 99px;}
.position#nav .nav-button{ top: 13px; }
#nav .nav-button{display: none;}


nav{ float: right; margin-right: 515px;}
nav li{ float: left; position: relative;}
nav li>a{ color: #fff; position: relative; padding: 49px 14px; display: block; text-align: center; text-transform: uppercase;  transition:0.5s; font-size:19px;}
nav li.on a,nav li:hover a{ color: #fff; }
nav li.on:after,nav li:hover:after{ content: ''; position: absolute; bottom: 36px; left: 50%; margin-left: -3.5px; width: 0;
height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #ffffff transparent transparent transparent;}
nav dl{ opacity: 0; transition: opacity 1s ease;position: absolute; display: block; background: #fff; width: auto; top: 120px;  left:-9999px; z-index: 999;  }
nav dl dd{ display: block; position: relative; }
nav li dl dd a{ opacity: 1; background: transparent !important; color: #666 !important; display: block; padding: 13px 18px; text-align: left; white-space: nowrap;font-size:16px;}
nav li dl dd a:hover{ background: #587647 !important; cursor: pointer; color: #fff !important;}
nav li:hover dl{ left: 0; opacity: 1; }
nav dl dd div{position: absolute; left: 100%; top: 0; background:rgba(88,118,71,0.8); display: none;}
nav dl dd:hover div{display: block;}
nav dl dd div a{padding:15px 20px; color: #fff !important; border-bottom: none; font-size: 15px; }
nav dl dd div a:hover{ background: #587647; }

.head_rcon{ position: absolute; width: 395px; right: 0; top: 0; padding-right: 50px; }

.search-button{ width: 34px; margin-right: 5px; height: 34px; text-align: center; line-height: 34px;float: right; background: #f2c720; margin-top: 42px; }
.search-button i{ color: #fff; display: inline-block; font-size: 20px; cursor: pointer; }
.searchform{ height: 0; overflow: hidden;background:#f2c720;position: absolute; z-index: 55; left: 0; top:80px; width: 240px; transition: all .3s;}
.searchform i{ font-size: 24px; color: #fff; }
.searchform input{ width: 190px; background:#f2c720; color: #fff; line-height:50px; padding-left:10px; float: left; }
.searchform button{ width:54px; line-height:50px; background:#f2c720; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searchform input::-webkit-input-placeholder { color: #fff;}
.searchform input:-moz-placeholder { color: #fff;}

.languagebox{ position: relative; width: 140px;float:right; margin-top: 42px; }
.languagebox i{display: inline-block; vertical-align: top ; margin-top:5px; color: #666; font-size: 20px;}
.languagebox ul{ width: 100%;  height: 34px; display: inline-block; vertical-align: middle; overflow: hidden; z-index: 5;  position: absolute; left: 0; top: 0; }
.languagebox ul li{ height: 34px; line-height: 34px; padding:0 20px; background: #fff; }
.languagebox ul li:first-child{ background:url(select_arrow.png) no-repeat 86% center #fff; height: 34px; line-height: 34px; }
.languagebox a{ line-height: 34px; font-size: 16px; color: #333; }
.languagebox:hover ul,.position .languagebox:hover ul{height:auto;}
.languagebox ul li a:hover{ color: #65a342; }



.copyright{ background: #222; text-align: center; padding: 22px 0; color: #999; font-size: 16px; }
.copyright a{ color: #999; }
.copyright a:hover{ color: #456930; }

footer{ background: #333; padding: 70px 0 66px 0;  }
.footer_war{ width: 100%; overflow: hidden; }
.footer_war .item1{ float: left; width: 25%; }
.footer_war .item2{ float: left; width: 28%; margin-left: 10%; }
.footer_war .item3{ float: right; width: 25.5%; }
.footer_war h4{ color: #fff; font-size: 26px; margin-bottom: 16px; text-transform: uppercase; font-weight: bold; }
.footer_war ul li{ margin-bottom: 12px;line-height: 24px; font-size: 16px; color: #ccc; position: relative; }
.footer_war ul li a{ font-size: 16px; color: #ccc; }
.footer_war ul li a:hover{ color: #f2c720; }
.footer_war ul li i{ display: inline-block; font-size: 21px; width: 21px; height: 24px; overflow: hidden; }
.footer_war ul li *{ vertical-align: middle; }
.footer_war .item2 .media{ margin-top: 20px; }
.footer_war .item2 .media a{ width: 35px; color: #333; margin: 0 3px 0 0; text-align: center; height: 35px; border-radius: 35px; line-height: 35px; background: #808080; }
.footer_war .item2 .media a:first-child:hover{ color: #fff; background: #117aed; }
.footer_war .item2 .media a:nth-of-type(2):hover{ color: #fff; background: #0b66c3; }
.footer_war .item2 .media a:nth-of-type(3):hover{ color: #fff; background: #2fb0ec; }
.footer_war .item2 .media a:nth-of-type(4):hover{ color: #fff; background: #fe0000; }

.footer_war .item3 ul li{ margin-bottom: 5px; width: 100%; }
.footer_war input,.footer_war textarea{width: 100%;border:1px solid #838281; font-family: Arial; color: #fff; background:transparent; font-size: 16px; line-height: 22px; padding: 7px 12px; }
.footer_war textarea{ resize: none; }
.footer_war input::-webkit-input-placeholder,.footer_war textarea::-webkit-input-placeholder { color: #ccc;}
.footer_war input:-moz-placeholder,.footer_war textarea:-moz-placeholder {color: #ccc;}
.footer_war button{ width: 162px; color: #fff; border-radius: 30px; cursor: pointer; font-size: 16px;  background: #456930; line-height: 36px; height:36px; border: none; }
.footer_war button:hover{ opacity: 0.85; }



#banner img{ width: 100%; display: block; }
#banner_home{ position: relative; }
#banner_home .owl-theme .owl-controls{ margin-top: 0; text-align: left; position: absolute; top: 42%; left: 0; width: 100%; z-index: 55; }
#banner_home .owl-controls .owl-buttons{ position: relative; }
#banner_home .owl-controls .owl-buttons div{ background: url(right.png) center center no-repeat; background-size: 50%; position: absolute; border-radius: 0; height: 60px; width: 40px; }
#banner_home .owl-controls .owl-buttons .owl-prev{ opacity: 0.7; text-indent: -9999em; left: 300px; transform: rotate(180deg);}
#banner_home .owl-controls .owl-buttons .owl-next{opacity: 0.7;  text-indent: -9999em;  right: 300px; }
#banner_home .owl-controls .owl-buttons div:hover{ opacity: 1; cursor: pointer; background: url(right.png) center center no-repeat; background-size: 50%;}

.cl{ clear: both; }
.changpic{ width: 100%; overflow: hidden;  }
.aa1{ width: 100%; overflow: hidden; height:400px }
.aa2{ width: 100%; overflow: hidden; height:300px }
.changpic img{ width: 100%; transition: all 0.3s; }
/*版块标题*/
.home_boxtit{ font-size:80px; font-weight: bold; text-transform: uppercase; text-align: center; }
.home_boxtit a{ color: #456930; }
.in_pro_dec{ text-align: center; font-size: 16px; line-height: 26px; color: #999; }
.in_proswiper{ margin-top: 30px; position: relative; }
.in_proitem{ position: relative; overflow: hidden; height:400px }
.in_proitem .changpic{ background: #000; }
.in_proitem .changpic img{ opacity: 0.7; }
.in_protext{ position: absolute; bottom: -120%; transition: all 0.3s; left: 0; width: 100%; background: #587647; padding: 30px 25px; }
.in_protext h4{ color: #fff; font-size: 18px; font-weight: normal; }
.in_protext h4 span{ display: block; font-size: 30px; font-weight: bold; }
.in_protext p{ font-size: 15px; line-height: 22px; height: 44px; overflow: hidden; color: #ccc; margin-top: 10px; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.in_proswiper .item{ margin-right: 1px; }
.in_proitem:hover .in_protext{ bottom: 0; }
.in_proitem:hover .changpic img{ opacity: 1; transform: scale(1.15); }
.in_proswiper .owl-theme .owl-controls{ margin-top: 0; text-align: left; position: absolute; top: 42%; left: 0; width: 100%; z-index: 55; }
.in_proswiper .owl-controls .owl-buttons{ position: relative; }
.in_proswiper .owl-controls .owl-buttons div{ background: url(right.png) center center no-repeat; background-size: 50%; position: absolute; border-radius: 0; height: 60px; width: 40px; }
.in_proswiper .owl-controls .owl-buttons .owl-prev{ opacity: 0.7; text-indent: -9999em; left: 200px; transform: rotate(180deg);}
.in_proswiper .owl-controls .owl-buttons .owl-next{opacity: 0.7;  text-indent: -9999em;  right: 200px; }
.in_proswiper .owl-controls .owl-buttons div:hover{ opacity: 1; cursor: pointer; background: url(right.png) center center no-repeat; background-size: 50%;}

.in_service{ width: 100%; overflow: hidden; position: relative; padding-bottom: 50px; }
.in_service .lcon{ width: 50%; float: left; padding-top: 58px; padding-right: 40px; }
.in_service .lcon h3{ font-size: 50px; color: #ccc; line-height: 74px; text-transform: uppercase; }
.in_service .lcon h3 a{ font-size: 100px; color: #587647; display: block; }
.in_service .lcon p{ font-size: 16px; line-height: 24px; color: #999; margin-top: 20px; }
.in_service .lcon ul{ margin-top: 45px; }
.in_service .lcon ul li{ padding-left: 18px; position: relative; margin-bottom: 10px; font-size: 16px; line-height: 24px; }
.in_service .lcon ul li:after{ content: ''; position: absolute; top: 6px; left: 0; width: 10px; height: 10px; background: #587647;}
.in_service .lcon ul li:last-child{ margin-top: 25px; }
.in_service .lcon ul li:last-child:after{ display: none; }
.in_service .lcon ul li:last-child a{ color: #587647; }
.in_service .lcon ul li:last-child a:hover{ text-decoration: underline; }

.in_serpic{ position: absolute; width: 50%; right: 0; top: 0; }
.in_serpic:hover .changpic img{ transform: scale(1.05); }
.in_case{  position: relative; }
.in_case .home_boxtit{ position: absolute; right: 35.2%; top: 82px; z-index: 55; }
.in_caseitem{ width: 100%; overflow: hidden; }
.in_caseitem .lcon{ width: 50%; float: left; }
.in_caseitem .rcon{ width: 50%; float: right; padding-left: 60px; padding-top: 170px; padding-right: 350px; }
.in_caseitem .rcon .home_boxtit{ text-align: left; }
.in_casepic{ width: 100%; overflow: hidden; }
.in_casepic li{ float: left; width: 50%; border-right: 1px solid #fff; }
.in_caseitem .rcon p{ margin-top: 20px; font-size: 26px; }
.in_caseitem .rcon span{ font-size: 16px; line-height: 24px; height:168px; display: -webkit-box;
-webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 7;  color: #666; margin-top: 12px; }
.in_caseswiper{ position: relative; background: #eee; }
.in_caseswiper .owl-theme .owl-controls .owl-page span{ width: 16px; margin: 0; opacity: 1; height: 16px; border: 2px solid #456930; background: transparent; }
.in_caseswiper .owl-theme .owl-controls .owl-page.active span{ background: #456930; }
.in_caseswiper .owl-theme .owl-controls{ position: absolute; right: 160px; top: 35%; width: 20px; }
.in_caseitem .rcon em{ font-size: 15px; border-radius: 25px; font-style: normal; color: #fff; background: #222; padding: 10px 35px; text-transform: uppercase; display: inline-block; margin-top: 22px; }

.in_news{ padding: 65px 0 50px 0; position: relative; }
.in_newstit{ text-align: center; }
.in_newstit img{ margin-top: 15px; }
.in_newsmz{ width: 332px; position: absolute; top: 0; left: 0; }
.in_newspz{ width: 206px; position: absolute; bottom: 0; right: 0;  }
.in_newslist{ margin-top: 25px; overflow: hidden; }
.in_newslist li{ float: left; width: 30%; margin-right: 5%; }
.in_newslist li:last-child{ margin-right: 0; }
.in_newtext{ margin-top: 20px; padding-bottom: 20px; }
.in_newsitem h4{ font-size: 21px;  line-height: 26px; font-weight: normal; height: 52px; overflow: hidden; }
.in_newsitem p{ font-size: 16px; line-height: 24px; height: 72px; color: #999; overflow: hidden; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 10px;  }
.in_newsitem span{ display: block; font-size: 16px; color: #456930; margin-top: 25px; }
.in_newslist li:hover .changpic img{ transform: scale(1.15); }

.in_faq{ background: #587647; padding: 35px 0; }
.in_faqswiper .item{ padding: 0 20%; }
.in_faqitem{ width: 100%; overflow: hidden; }
.in_faqitem .lcon{ width: 140px; float: left; }
.in_faqitem .rcon{ margin-left: 140px; padding: 25px 0 0 25px; }
.in_faqitem .rcon p{ font-size: 24px; color: #fff; line-height: 30px; height: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.in_faqitem .rcon span{ color: #fff; font-size: 16px; line-height: 26px; color: #fff; margin-top: 10px; display: inline-block; }
.in_faqswiper .owl-theme .owl-controls{ margin-top: 0; text-align: left; position: absolute; top: 42%; left: 0; width: 100%; z-index: 55; }
.in_faqswiper .owl-controls .owl-buttons{ position: relative; }
.in_faqswiper .owl-controls .owl-buttons div{ background: url(in_faqright.png) center center no-repeat; background-size: 100%; position: absolute; border-radius: 0; height: 22px; width: 32px; }
.in_faqswiper .owl-controls .owl-buttons .owl-prev{ opacity: 1; text-indent: -9999em; left: 0; transform: rotate(180deg);}
.in_faqswiper .owl-controls .owl-buttons .owl-next{opacity: 1;  text-indent: -9999em;  right: 0; }
.in_faqswiper .owl-controls .owl-buttons div:hover{ opacity: 1; cursor: pointer; background: url(in_faqright.png) center center no-repeat; background-size: 100%;}



.l_fixed{ width: 36px; position: fixed; top: 30%; left: 0; z-index: 666; }
.l_fixed li{ position: relative; }
.l_fixed li a{ width:100%; height: 36px; font-size: 20px; text-align: center; line-height: 36px; background: #ff7f01; color: #fff; display: block; }
.l_fixed li a i{ font-size: 20px; }
.l_fixed li a span{ display:block; position: absolute; top: 0; line-height: 36px; padding: 0 10px; background: #ff7f01; left: -999px; width: 0; font-size: 16px; transition: all 0.5s; }
.l_fixed li:nth-of-type(2) a{ background: #f9ae02; }
.l_fixed li:nth-of-type(3) a{ background: #4460a0; }
.l_fixed li:nth-of-type(4) a{ background: #0084b1; }
.l_fixed li:nth-of-type(5) a{ background: #2fb0ec; }
.l_fixed li:nth-of-type(6) a{ background: #dd1829; }
.l_fixed li:nth-of-type(2) a span{ background: #f9ae02; }
.l_fixed li:hover a span{ width: 250px; left: 36px; }
/*首页*/
.in_ab{ background: #eee; padding: 70px 0 75px 0; overflow: hidden; position: relative; }
.in_ab .lcon{ float: left; width: 50%; padding-right: 138px; }
.in_ab .rcon{ float: right; width: 50%; }
.in_ab .lcon h1{ font-size: 30px; text-transform: uppercase; line-height: 38px; }
.in_ab .lcon h1 a{ color: #456930; }
.in_ab .lcon p{ font-size: 20px; line-height: 30px; margin-top: 10px; }
.in_ab .rcon p{ font-size: 16px; line-height: 26px; }
.in_ab .rcon p a{ color: #456930;}
.in_ab .rcon p a:hover{ text-decoration: underline; }
.in_abping{ width: 282px; position: absolute; bottom: 0; left: 0; }
.in_abmi{ width: 255px; position: absolute; bottom: 0; right: 0;}

.in_pro{ padding-top: 62px; }
/*位置*/
.subbanner{ position: relative;}
.subbanner .warper{ position: absolute; top:95px; left: 50%; margin-left: -600px; text-align: center; }

.subbanner h1{ color: #fff; font-size: 60px; text-transform: uppercase; }
.sub_dec{ font-size: 16px; line-height: 22px; color: #fff; margin-top: 10px; }
.subbanner .d_arrow{ margin-top: 40px; }
/*产品列表*/
.pro_nav{ padding: 70px 0 60px 0; width: 100%; overflow: hidden; }
.pro_nav li{ float: left; margin-right: 1%; width: 32%; margin-bottom: 14px; position: relative; }
.pro_nav li:nth-of-type(3n){ margin-right: 0; }
.pro_nav li a{ display: flex; align-items: center; width: 100%; border:1px solid #999; min-height: 70px; padding: 0 100px 0 14px; }
.pro_nav li.on,.pro_nav li:hover{ background: #587647; }
.pro_nav li.on a,.pro_nav li:hover a{ color: #fff; }
.pro_nav li:after{ content:''; width: 16px; height: 12px; background: url(down_jt.png) no-repeat; background-size: 90%; position: absolute; top: 32px; right: 24px;  }
.pro_nav li.on:after,.pro_nav li:hover:after{ background: url(down_jt3.png) no-repeat; background-size: 90%; }

.pro_list{ background: #eee; padding: 74px 0 90px 0; }
.pro_listbox{ width: 100%; overflow: hidden; }
.pro_listbox li{ float: left; width: 31%; margin-right: 3%; margin-bottom: 20px; }
.pro_listbox li:nth-of-type(3n){ margin-right: 0; }
.pro_item p{ margin-top: 10px; text-align: center; height: 44px; line-height: 22px; overflow: hidden; }
.pro_listbox li:hover .changpic img{ transform: scale(1.15); }

/*关于我们*/
.ab_pictext{ background: #333; overflow: hidden; position: relative; }
.ab_pictext .rcon{ width: 50%; float: right; }
.ab_pictext .warper{ position: absolute; top: 0; left: 50%; margin-left: -600px; }
.ab_textbox{ width: 50%; padding: 105px 42px 0 0; }

.ab_textbox h1{ color: #fff; font-size: 40px; text-transform: uppercase; }
.ab_textbox p{ margin-top: 20px; font-size: 16px; line-height: 26px; color: #aaa; }
.ab_swiper{ position: relative; }
.ab_swiper .owl-theme .owl-controls{ position: absolute; bottom: 25px; width: 100%; }
.ab_swiper .owl-theme .owl-controls .owl-page span{ width: 16px; height: 16px; background: transparent; border: 2px solid #fff; opacity: 1; }
.ab_swiper .owl-theme .owl-controls .owl-page.active span{ background: #fff; }

.ab_text{ padding: 35px 0; }
.ab_text p{ font-size: 16px; line-height: 26px; }

.ab_faq{ width: 100%; overflow: hidden; background: #f6f6f6; position: relative; }
.ab_faq .warper{ position: absolute; top: 0; left: 50%; margin-left: -600px; }
.ab_faq .lcon{ width: 50%; float: left; }
.ab_faqbox{ width: 50%; float: right; padding: 60px 0 0 86px;  }
.ab_faqbox h2{ font-size: 36px; font-weight: normal; }

.in_faqlist{ margin-top: 36px; }
.in_faqlist h3 {line-height: 40px; height: 40px; color: #999; overflow: hidden; padding: 0 15px 0 40px; background: url(h3bg2.png) no-repeat 0 7px; font-size:18px; }
.in_faqlist p {display: none;padding: 0 20px 0 20px; line-height:24px; font-size: 16px; padding-left: 40px; }

.in_faqlist li {margin-bottom: 10px; cursor: pointer; }
.in_faqlist h3.active { background: url(h3bg.png) no-repeat 0 7px;color: #587647;}
.in_faqlist p.active { display: block;}

/*分页 结束*/
.digg4{ text-align:center; font-size: 17px; font-weight: bold; margin-top: 65px;}
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:44px; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle; background: transparent; border: 1px solid #cecece; height:44px; line-height: 44px;  border-radius: 44px; color:#cecece; text-decoration:none; margin:0 5px;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#fff; background:#587647; border: 1px solid #587647; }
.digg4 span.disabled { font-size: 30px; line-height:39px; font-weight: normal;  background: #ccc; color: #fff;}
.digg4 a{ border: 1px solid #cecece; color: #cecece; }
/*分页 结束*/
/*产品详情*/
.home{  overflow-x: auto; width: 100%; }
.home table{ width: 100%; margin-bottom: 60px;  }
.home table tr td{ text-align: center; padding: 10px 5px; font-size: 18px; }
.home table tr:first-child td{ background: #587647; color: #fff; font-size: 20px; padding: 15px 5px; text-transform: uppercase; }


.pro_delbox{ width: 100%; background: url(pro_delbg.jpg) no-repeat center; background-size: cover; padding: 106px 0 112px 0; }
.pro_delmian{ width: 100%; overflow: hidden; padding: 45px; background: #fff; }
.pro_delmian .lcon{ float: left; width: 59.5%; }
.pro_delmian .lcon .item .changpic{ border-radius: 5px; }
.pro_delmian .rcon{ float: right; width: 40%; padding: 18px 0 0 48px; }


.del_text h1{ color: #587647; font-size: 50px; line-height: 35px; }
.del_text h1 span{ font-size: 26px; display: inline-block; }
.del_text p{ font-size: 16px; line-height: 24px; color: #666; margin-top: 25px; overflow-y:auto; height: 216px; }
.share{ margin-top: 20px; }
.pro_links{ margin-top: 42px; overflow: hidden; }
.pro_links a{ display: inline-block; width: 46%; float: left; padding:6px 0; text-align: center; color: #fff; background: #587647; font-size: 18px; }
.pro_links a i{ font-size: 30px; display: inline-block; font-weight: normal; }
.pro_links a:last-child{ margin-left:5px; }
.pro_links a:hover{ opacity: 0.85; }
.pro_links a *{ vertical-align: middle; }

.rel_pro{ padding: 58px 0; text-align: center; }
.rel_pro h2{ font-size: 50px; color: #587647; text-transform: uppercase; }
.rel_swiper{ margin-top: 55px; }
.rel_swiper .item{ margin: 0 15px; }
.rel_swiper .owl-theme .owl-controls{ margin-top: 0; position: absolute; top: -44px; left: 0; width: 100%; }
.rel_swiper .owl-theme .owl-controls .owl-page span{ width: 16px; height:16px; }
.rel_swiper .owl-theme .owl-controls .owl-page.active span{ background: #587647; }
.rel_swiper .item:hover .changpic img{ transform: scale(1.15); }
/*news*/
.news_box{ padding-bottom: 100px; }
.news_list li{ background: #eee; margin-bottom: 4px; overflow: hidden; }
.news_list li .lcon{ float: left; width: 50%; }
.news_list li .rcon{ float: right; width: 50%; position: relative; }
.news_text{ position: absolute; top: 0; left: 0; width: 600px; padding: 90px 0 0 45px; }
.news_text h3{ font-size: 32px; line-height: 40px; font-weight: normal; height: 80px; overflow: hidden; }
.news_text p{ line-height: 26px; color: #999; margin-top: 20px; height: 182px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 7; }
.news_text span{ display: block; margin-top: 30px; color: #456930; }
.news_list li:hover .changpic img{ transform: scale(1.15); }
.news_list li:hover .news_text h3{ color: #456930; }
.news_list li:nth-of-type(even) .lcon{ float: right; }
.news_list li:nth-of-type(even) .rcon{ float: left; }
.news_list li:nth-of-type(even) .news_text{ padding: 90px 45px 0 0; left: auto; right: 0; }


.news_del{ padding: 60px 0 100px 0; }
.infocon{color: #666; background: #fff; }
.infocon h2{font-size:30px; line-height: 28px; text-align: center; margin-bottom: 10px; color: #222;}
.infocon img{ display: inline-block; margin: 12px 0; max-width: 100%; }
.infocon .time{ text-align: center;margin-bottom:20px; font-style: italic; font-size: 18px; margin-top: 18px;}
.infocon .other{ margin:30px 0 0 0; line-height: 26px;}
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #666; font-size: 18px; }
.infocon .other a{color: #666}
.infocon .other a:hover{ color:#456930; }
.infocon p{line-height:24px; font-size: 17px; margin-bottom: 10px; color: #888;}
/*case*/
.case_box{ padding: 62px 0 100px 0; }
.case_list{ width: 100%; overflow: hidden; padding: 5px; }
.case_list li{ float: left; width: 48.8%; margin-bottom: 28px; }
.case_list li:nth-of-type(even){ float: right; }
.case_item{ border: 3px solid #fff; box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1); background: #eeee; overflow: hidden; }
.case_pic{ float: left; width: 47%; position: relative; }
.case_text{ margin-left: 47%; padding: 45px 10px 0 25px; }
.case_text h3{ font-weight: normal; font-size: 24px; line-height: 28px; display: -webkit-box; height: 56px;
-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #587647; }
.case_text p{ margin-top: 10px; font-size: 16px; line-height: 24px; color: #999; height: 120px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
.case_text span{ font-size: 15px; border-radius: 25px; color: #fff; background: #587647; padding: 10px 35px; text-transform: uppercase; display: inline-block; margin-top: 22px; }
.case_list li:hover .changpic img{ transform: scale(1.15); }
.case_list li:hover .case_text span{ opacity: 0.85; }

/*service*/
.ser_box .in_service .lcon p{ font-size: 18px; line-height: 26px; color: #333; margin-top: 0; }
.ser_box .in_service .lcon ul{ margin-top: 12px; }
.ser_box .in_service .lcon ul li:last-child{ margin-top: 0; }
.ser_box .in_service .lcon ul li:last-child:after{ display: inline-block; }
.ser_box .in_service .lcon h5{ color: #587647; font-size: 18px; font-weight: normal; margin-top: 20px; }

.con_inform{ background: #eee; padding: 70px 0 100px 0; }
.infoform{ text-align: center; }
.infoform h2{ color: #587647; font-size: 50px; text-transform: uppercase; }
.infoform p{ font-size: 20px; color: #999; margin-top: 8px; }
.infoform form{ margin-top: 28px; }
.infoform ul{ width: 100%; overflow: hidden; margin-top:20px; }
.infoform li{width: 49.4%; float: left; position: relative; margin-bottom: 19px;}
.infoform li:nth-child(even){margin-left: 1.2%;}
.infoform li:last-child{width: 100%;}
.infoform input,.infoform textarea{width: 100%;border:1px solid #eee; color: #333; background: #fff; font-family: Arial;  font-size: 18px; line-height: 36px; padding: 16px 20px; }
.infoform form input::-webkit-input-placeholder,.infoform form textarea::-webkit-input-placeholder { color: #999;}
.infoform form input:-moz-placeholder,.infoform form textarea:-moz-placeholder {color: #999;}
.infoform form button{ margin-top: 15px; color: #fff; background: #587647; text-align: center; text-transform: uppercase; font-family: Arial; border-radius: 50px; height: 50px; width: 260px; font-size: 20px; border:0;}
.infoform form button:hover{ opacity: .8; cursor: pointer; }

/*contact*/
.con_xlbox{ padding: 70px 0 55px 0; overflow: hidden; }
.con_xlbox li{ width: 33.333%; text-align: center; float: left; padding: 0 3%; }
.con_xlbox li h6{ width: 70px; height: 70px; font-size: 40px; overflow: hidden; line-height: 70px; text-align: center; border-radius: 70px; background: #587647; color: #fff; }
.con_xlbox li p{ font-size: 16px; color: #587647; font-weight: bold; margin-top: 12px; margin-bottom: 12px; }
.con_xlbox li span{ font-size: 18px; line-height: 26px; }
.con_xlbox li a{ font-size: 28px; }

.phonemenu h2 { color: #fff; width: 100%; height: 46px;line-height: 46px;padding: 0 1%; cursor: pointer;background: #587647 url(menu.png) 96% center no-repeat;border: none;
    font-weight: normal; text-indent: 10px; font-size: 18px; margin: 0 auto; display: none;}

@media screen and (max-width: 1680px){
  .logo{ padding: 22px 1% 23px 1%; }
  .logo img{ height: 75px; }
  .head_rcon{ width: 357px; padding-right: 26px; }
  nav{ margin-right: 390px; }
  .position .logo img{ height: 66px; }
  .position .logo { padding: 17px 1% 16px 1%;}
  .in_abping{ width: 220px; }
  .in_abmi{ width: 208px; }
  .in_service .lcon ul{ margin-top: 20px; }
  .in_service .lcon ul li{ margin-bottom: 5px; }
  .in_service .lcon{ padding-top: 19px; }
  .in_service .lcon h3 a{ font-size: 80px; }
  .in_service .lcon h3{ font-size: 46px; }
  .in_newsmz{ width: 266px; }
  .in_newspz{ width: 186px; }
  .subbanner .warper{ top: 56px; }
  .in_case .home_boxtit{ right: 33.2%; }
}
@media screen and (max-width: 1600px){
  .in_service .lcon h3{ line-height: 58px; }
  .home_boxtit,.in_service .lcon h3 a{ font-size: 70px; }
  .in_caseitem .rcon{ padding-right: 194px; }
  .in_caseswiper .owl-theme .owl-controls{ right: 100px; }
  footer{ padding: 40px 0 30px 0; }
  .ab_textbox{ padding: 84px 42px 0 0; }
  .ab_faqbox{ padding: 47px 0 0 53px; }
  .pro_nav{ padding: 50px 0 40px 0; }
  .pro_list{ padding: 50px 0 70px 0;}
  .pro_delbox{ padding: 50px 0; }
  .pro_delmian .rcon{ padding: 18px 0 0 25px; }
  .con_inform{ padding: 50px 0 80px 0; }
  .digg4{ margin-top: 40px; }
  .subbanner h1{ font-size: 54px; }
  .news_box,.news_del{ padding-bottom: 70px; }
  .in_service{ padding-bottom: 38px; }
  .infoform h2,.rel_pro h2{ font-size: 45px; }
  .in_case .home_boxtit{ right: 34.2%; }
}

@media screen and (max-width: 1515px){
  nav li>a{ padding: 49px 8px; }
  nav{ margin-right: 370px; }
  header{ height: 99px; }
  .logo{ padding: 17px 1% 16px 1%;}
  .logo img{ height: 66px; }
  nav li>a { padding: 38px 14px 39px 14px;}
  nav li.on:after,nav li:hover:after{ bottom: 26px; }
  .media{ margin-top: 38px; }
  .search-button,.languagebox{ margin-top: 32px; }
  nav dl{ top: 99px; }
  #banner_home .owl-controls .owl-buttons .owl-next{ right: 200px; }
  #banner_home .owl-controls .owl-buttons .owl-prev{ left: 200px; }
}

@media screen and (max-width: 1476px){
  .position nav li>a, nav li>a{ padding: 39px 10px 39px 10px;}
  nav{ margin-right: 358px; }
}

@media screen and (max-width: 1440px){
  nav li>a{ font-size: 18px; padding: 39px 10px 39px 10px; }
  .media a{ margin: 0 3px; }
  .in_ab .lcon{ padding-right: 74px; }
  .in_abmi{ width: 148px; }
  .in_abping{ width: 160px; }
  .in_ab{ padding: 40px 0; }
  .in_pro{ padding-top: 40px; }
  .home_boxtit{ font-size: 56px; }
  .in_service .lcon h3 a{ font-size: 80px; }
  .in_protext{ padding: 20px; }
  .in_service .lcon h3{ line-height: 58px; }
  .in_service{ padding-bottom: 32px; }
  .in_service .lcon ul{ margin-top: 15px; }
  .in_service .lcon p{ margin-top: 18px; }
  .in_service .lcon ul li:last-child{ margin-top: 11px; }
  .in_caseswiper .owl-theme .owl-controls{ right: 30px; }
  .in_caseitem .rcon{ padding-right: 92px; padding-top: 126px; padding-left: 38px; }
  .in_newsmz{ width: 180px; }
  .in_news{ padding-top: 42px; }
  .in_newspz{ width: 122px; }
  .in_newslist li{ margin-right: 2.5%; width: 31.6%; }
  .in_faq{ padding: 30px 0; }
  .ab_textbox{ padding: 60px 42px 0 0; }
  .in_service .lcon ul li:nth-of-type(7){ display: none; }
  .in_faqlist{ margin-top: 15px; }
  .in_faqlist li{ margin-bottom: 4px; }
  .ab_faqbox{ padding: 35px 0 0 36px; }
  .ab_faqbox h2{ font-size: 33px; }
  .ab_textbox h1{ font-size: 36px; }
  .subbanner h1{ font-size: 48px; }
  .pro_nav{ padding: 40px 0 30px 0; }
  .del_text p{ height: 247px; }
  .pro_list{ padding-bottom: 50px; }
  .pro_delmian{ padding: 30px; }
  .con_inform{ padding: 40px 0 50px 0; }
  .infoform form button{ margin-top: 0; }
  .rel_pro{ padding: 40px 0; }
  .infoform h2, .rel_pro h2{ font-size: 40px; }
  .digg4{ margin-top: 20px; }
  .case_box{ padding: 30px 0 60px 0; }
  .digg4 a, .digg4 span.miy, .digg4 span.disabled, .digg4 span.current{ width: 40px; height: 40px; line-height: 40px; }
  .news_text{ padding: 52px 0 0 34px; }
  .news_list li:nth-of-type(even) .news_text{ padding: 52px 34px 0 0; }
  .ser_box .in_service .lcon p{ line-height: 24px; font-size: 17px; }
  .ser_box .in_service .lcon h5{ margin-top: 10px; }
  .in_service .lcon{ padding-right: 30px; }
  .ser_box .in_service{ padding-bottom: 10px; }
  .con_xlbox{ padding: 55px 0; }
  .con_xlbox li a{ font-size: 26px; }
  .in_case .home_boxtit{ top: 70px; right: 37%; }
  .ser_box .in_service .lcon ul li:nth-of-type(7){ display: block; }

}

@media screen and (max-width: 1376px){
  .position nav li>a, nav li>a{ padding: 39px 8px 39px 8px; }
  .head_rcon{ width: 332px; }
  .media a{ margin: 0 2px; }
  nav{ margin-right: 338px; }
}
@media screen and (max-width: 1366px){
  .warper{ width: 100%; padding: 0 100px; }
  #banner_home .owl-controls .owl-buttons .owl-prev{ left: 100px; }
  #banner_home .owl-controls .owl-buttons .owl-next{ right: 100px; }
  .in_ab .lcon h1{ font-size: 24px; line-height: 29px; }
  .home_boxtit, .in_service .lcon h3 a{ font-size: 50px; }
  .in_proswiper{ margin-top: 20px; }
  .in_protext h4 span{ font-size: 25px; }
  .in_proswiper .owl-theme .owl-controls{ top: 34%; }
  .in_proswiper .owl-controls .owl-buttons .owl-prev{ left: 100px; }
  .in_proswiper .owl-controls .owl-buttons .owl-next{ right: 100px; }
  .in_service .lcon h3{ font-size: 36px; }
  .in_serpic{ bottom: 0; top: auto; }
  .ab_textbox h1{ font-size: 28px; }
  .ab_pictext .warper{ padding: 0; left: 0; margin-left: 0; padding-left: 108px; }
  .ab_textbox{ width: 45%; }
  .ab_text{ padding: 30px 0; }
  .ab_faqbox h2{ font-size: 28px; }
  .ab_faq .warper{ padding: 0; left: 0; margin-left: 0; }
  .ab_textbox { padding: 46px 42px 0 0;}
  .subbanner h1{ font-size: 40px; }
  .pro_nav li a{ padding: 0 60px 0 14px; }
  .pro_list{ padding: 40px 0 60px 0; }
  .pro_listbox li{ margin-right: 2%; width: 32%; }
  .pro_nav li{ width: 32.5%; }
  .subbanner h1{ font-size: 35px; }
  .in_service .lcon p{ margin-top: 0; }
  .in_service .lcon h3{ line-height: 44px; }
  .del_text h1{ font-size: 40px; }
  .del_text h1 span{ font-size: 24px; }
  .pro_delbox{ padding: 40px 0; }
  .pro_delmian{ padding: 20px; }
  .infoform h2, .rel_pro h2{ font-size: 35px; }
  .infoform li{ margin-bottom: 12px; }
  .case_text{ padding: 35px 10px 0 25px; }
  .news_del{ padding: 35px 0 60px 0; }
  .infocon h2{ font-size: 28px; }
  .in_service{ padding: 40px 0; }
  .ser_box .in_service{ padding: 30px 0; }
  .in_service .lcon{ padding-top: 0; }
  .con_xlbox{ padding: 35px 0; }
  .subbanner .warper{ left: 0; margin-left: 0; }

}
@media screen and (max-width: 1330px){
  header .media{ display: none; }
  nav{ margin-right: 220px; }
  .position nav li>a, nav li>a{ padding: 39px 10px 39px 10px; }
  .head_rcon{ width: 210px; }
}

@media screen and (max-width: 1280px){
  .warper{ width: 100%; padding: 0 90px; }
  .in_abping,.in_abmi,.in_newsmz,.in_newspz{ display: none; }
  .in_ab .lcon{ padding-right: 30px; }
  .in_ab{ padding: 30px 0; }
  .home_boxtit, .in_service .lcon h3 a{ font-size: 40px; }
  .in_pro{ padding-top: 30px; }
  .in_service .lcon h3 a{ display: inline-block; }
  .in_news{ padding-bottom: 30px; }
  .in_faqitem .lcon{ width: 100px; }
  .in_faqitem .rcon{ margin-left: 100px; padding-top: 8px; }
  .ab_pictext .warper{ margin-left: 0; padding-left: 90px; }
  .ab_textbox{ padding: 38px 30px 0 0; }
  .ab_textbox p{ margin-top: 6px; }
  .ab_faqbox{ padding: 25px 90px 0 25px; }
  .in_faqlist{ margin-top: 10px; }
  .in_faqlist h3{ font-size: 19px; }
  .pro_nav{ padding: 20px 0 10px 0; }
  .pro_list,.case_box,.news_box, .news_del{ padding-bottom: 40px; }
  .del_text p{ margin-top: 12px; }
  .infoform h2, .rel_pro h2{ font-size: 32px; }
  .news_text h3{ font-size: 28px; line-height: 32px; height: 64px; }
  .news_text p{ -webkit-line-clamp: 5; height: 130px; }
  .news_text{ width: 540px; }
  .in_caseitem .rcon{ padding-top: 106px; }
  .in_case .home_boxtit{ right: 38%; }
  .in_service .lcon ul li:nth-of-type(6){ display: none; }
  .ser_box .in_service .lcon{ width: 100%; float: none; }
  .ser_box .in_serpic{ display: none; }
  .ser_box .in_service .lcon ul li:nth-of-type(6),.ser_box .in_service .lcon ul li:nth-of-type(7){ display: block; }
}
@media screen and (max-width: 1235px){ 
  .search-button{ display: none; }
  .head_rcon{ width: 170px; }
  nav{ margin-right: 170px; }
  .logo img,.position .logo img{ height: 38px; }
  nav dl,.position nav dl{ top: 84px; }
  .logo,.position .logo{ padding: 23px 1% 23px 1%; }
  header,.position{ height: 84px; }
  .position nav li>a, nav li>a{ padding: 31px 10px 32px 10px; }
  .search-button, .languagebox{ margin-top: 23px; }
  .position .search-button, .position .languagebox{ margin-top: 23px; }
}
@media screen and (max-width: 1060px){ 
  .position nav li>a, nav li>a{ padding: 31px 6px 32px 6px; }
}
@media screen and (max-width: 1024px){ 
  .warper{ padding: 0 60px; }
  .in_ab .lcon,.in_ab .rcon{ width: 100%; float: none; }
  .in_ab .lcon p{ font-size: 18px; margin-top: 3px; }
  .in_ab .lcon h1{ font-size: 22px; }
  .home_boxtit, .in_service .lcon h3 a{ font-size: 32px; }
  .in_pro{ padding-top: 22px; }
  .in_pro_dec{ line-height: 20px; }
  .in_proswiper .owl-controls .owl-buttons .owl-prev{ left: 50px; }
  .in_proswiper .owl-controls .owl-buttons .owl-next{ right: 50px; }
  .in_service{ padding: 30px 0; }
  .in_service .lcon ul li:nth-of-type(7),.in_service .lcon ul li:nth-of-type(6),.in_service .lcon ul li:nth-of-type(5),.in_service .lcon ul li:nth-of-type(4){ display: none; }
  .in_caseitem .rcon{ padding-top: 102px; padding-left: 28px; }
  .in_caseitem .rcon span{ -webkit-line-clamp: 5; height: 120px; }
  .in_case .home_boxtit{ top: 60px; right: 38.5%; }
  .in_caseitem .rcon p{ margin-top: 8px; font-size: 22px; }
  .in_news{ padding-top: 30px; }
  .in_newsitem span{ margin-top: 13px; }
  .in_news{ padding-bottom: 0; }
  .in_faqswiper .item{ padding: 0 10%; }
  .ab_textbox{ padding: 0; width: 100%; }
  .ab_pictext .warper{ padding-left: 0; }
  .ab_pictext .rcon{ float: none; width: 100%; }
  .ab_pictext .warper{ position: static; padding: 30px 60px; }
  .ab_textbox h1{ font-size: 26px; }
  .ab_faq .lcon{ display: none; }
  .ab_faq .warper{ position: static; }
  .ab_faqbox{ width: 100%; float: none; padding: 30px 60px; }
  .footer_war .item2{ margin-left: 6%; width: 32%; }
  .footer_war .item1{ width: 27%; }
  .footer_war .item3{ width: 32.5%; }
  footer{ padding: 30px 0 20px 0; }
  .pro_nav li:after{ display: none; }
  .pro_nav li a{ padding: 0 14px; }
  .subbanner h1{ font-size: 31px; }
  .subbanner .warper{ top: 42px; }
  .subbanner .d_arrow{ display: none; }
  .pro_delbox{ padding: 30px 0; }
  .pro_delmian .lcon{ width: 55%; }
  .pro_delmian .rcon{ width: 45%; padding-top: 0; }
  .del_text h1{ font-size: 34px; line-height: 28px; }
  .del_text h1 span{ font-size: 23px; }
  .del_text p{ margin-top: 5px; }
  .pro_links{ margin-top: 16px; }
  .share{ margin-top: 10px; }
  .del_text p{ height: 192px; }
  .infoform h2, .rel_pro h2{ font-size: 30px; }
  .con_inform{ padding: 30px 0 40px 0; }
  .rel_pro{ padding: 30px 0; }
  .case_list li{ width: 49%; margin-bottom: 16px; }
  .case_text{ padding: 20px 10px 0 16px; }
  .case_text p{ height: 72px; -webkit-line-clamp: 3; }
  .case_text span{ padding: 10px 22px; }
  .case_text h3{ font-size: 21px; }
  .news_text{ width: 454px; padding: 25px 0 0 18px; }
  .news_text span{ display: none; }
  .news_text h3{ font-size: 25px; }
  .news_del{ padding: 30px 0 40px 0; }
  .infocon h2{ font-size: 26px; }
  .ser_box .in_service .lcon ul li:nth-of-type(7), .ser_box .in_service .lcon ul li:nth-of-type(6), .ser_box .in_service .lcon ul li:nth-of-type(5), .ser_box .in_service .lcon ul li:nth-of-type(4){ display: block; }
  .ser_box .in_serpic{ display: none; }
  .in_service .lcon{ width: 100%; float: none; padding-right: 0; }
  .ser_box .in_service .lcon p{ line-height: 22px; }
  .infoform h2, .rel_pro h2{ font-size: 28px; }
  .con_xlbox li{ padding: 0 2%; }
  .con_xlbox li span{ font-size: 17px; line-height: 21px; }
  .con_xlbox li a{ font-size: 22px; }
  .news_list li:nth-of-type(even) .news_text{ padding: 25px 18px 0 0; }


}
@media screen and (max-width: 990px){
  #nav .nav-button{display: block; top: 14px; }
  header,header.position{ height: 62px; }
  header{ background: #fff; }
  nav{position: fixed; left: 0;top: 0;bottom: 0;width: 250px; z-index: 999;overflow: auto;background: #222; transform: translateX(-300px);transition: 0.3s;}
  nav li{ float: none; padding: 0; }
  nav li>a,.position nav li>a{ margin:0; color: #fff; font-size: 18px; display:block; padding:15px 20px; border-bottom:1px solid #2e2e2e; text-align: left;}
  nav li dl{ left: 0;  top: 0; width: auto;  background: #2e2e2e;  position: inherit;  opacity: 1; display: block; } 
  nav li dd a{padding: 10px 20px;display: block; border-bottom: none; color: #fff!important}
  .logo, .position .logo{ padding: 6px 1% 6px 1%; }
  .logo img, .position .logo img{ height: 50px; }
  nav li.on a, nav li:hover a{ background: #456930; color: #fff; }
  nav li:hover dl{ left: 0; opacity: 1; }
  #banner_home .owl-theme .owl-controls{ bottom: 8px; }
  nav li>a:after{ background: #fff; }
  #banner_home .owl-theme .owl-controls .owl-page span{ width: 12px; height: 12px; }
  nav li.on>a:after, nav li:hover a:after{ width: 0; }
  nav li dl dd a{ color: #fff !important; white-space: normal; }
  nav dl dd:hover div{display: none;}
  .search-button, .languagebox,.position .search-button, .position .languagebox{ margin-top: 15px; }
  .head_rcon{ margin-right: 26px; }
  #nav .nav-button{ background: #456930 ; }
  .position nav li.on:after, .position nav li:hover:after,nav li.on:after, nav li:hover:after{ display: none; }
  nav dl, .position nav dl{ position: static; }
  .l_fixed{ display: none; }
}

@media screen and (max-width: 768px){
  .warper{ padding: 0 30px; }
  #banner_home .owl-controls .owl-buttons .owl-prev{ left: 50px; }
  #banner_home .owl-controls .owl-buttons .owl-next{ right: 50px; }
  .in_ab,.in_service{ padding: 20px 0; }
  .home_boxtit, .in_service .lcon h3 a,.in_service .lcon h3{ font-size: 30px; }
  .in_serpic{ display: none; }
  .in_caseitem .rcon{ padding-top: 22px; padding-left: 15px; }
  .in_caseitem .rcon span{ -webkit-line-clamp: 3;  height: 72px; }
  .in_caseitem .rcon p{ font-size: 20px; }
  .in_newstit img{ display: none; }
  .in_newtext{ margin-top: 5px; }
  .in_newsitem p{ margin-top: 2px; }
  .in_newslist{ margin-top: 8px; }
  .in_faq{ padding: 20px 0; }
  .footer_war .item1{ display: none; }
  .footer_war .item2{ margin-left: 0; width: 50%; }
  .footer_war .item3{ width: 48%; }
  .copyright{ padding: 10px 0; }
  .backToTop{ width: 40px; height: 40px; }
  .ab_pictext .warper,.ab_faqbox{ padding:20px 30px; }
  .ab_text{ padding: 20px 0; }
  .ab_faqbox h2{ font-size: 26px; }
  .subbanner h1{ font-size: 28px; }
  .sub_dec{ display: none; }
  .subbanner .warper{ top: 60px; }
  .pro_nav li{ width: 49.5%; margin-bottom: 8px; }
  .pro_nav li:nth-of-type(3n){ margin-right: 1%; }
  .pro_nav li:nth-of-type(even){ margin-right: 0; }
  .pro_list{ padding: 20px 0 30px 0; }
  .digg4{ margin-top: 12px; }
  .pro_delmian .lcon{ width: 100%; float: none; }
  .pro_delmian .rcon{ width: 100%; float: none; margin-top: 12px; padding-left: 0; }
  .pro_delmian{ padding: 10px 10px 20px 10px; }
  .pro_links{ margin-top: 10px; }
  .del_text p{ height: auto; }
  .con_inform{ padding: 20px 0; }
  .infoform p{ font-size: 18px; }
  .infoform h2, .rel_pro h2{ font-size: 26px; }
  .infoform input, .infoform textarea{ padding: 10px 12px; }
  .infoform form{ margin-top: 10px; }
  .infoform form button{ font-size: 18px; }
  .rel_swiper .item{ margin:0 8px;  }
  .case_box{ padding-top: 10px; }
  .case_text span{ display: none; }
  .pro_list, .case_box, .news_box, .news_del{ padding-bottom: 30px; }
  .news_text h3{ font-size: 20px; height: 32px; }
  .news_text p{ margin-top: 2px; }
  .news_text{ width: 345px; }
  .digg4 a, .digg4 span.miy, .digg4 span.disabled, .digg4 span.current{ width: 35px; height: 35px; line-height: 35px; }
  .news_del{ padding: 20px 0 30px 0; }
  .infocon h2{ font-size: 24px; }
  .infocon .time{ margin: 10px 0; }
  .ser_box .in_service,.con_xlbox{ padding: 20px 0; }
  .con_xlbox li h6{ width: 60px; height: 60px; line-height: 60px; font-size: 30px; }
  .con_xlbox li a{ font-size: 20px; }
  .infoform form button{ width: 200px; height: 45px; line-height: 45px; font-size: 17px; }
  .infoform h2, .rel_pro h2{ font-size: 25px; }  
  .in_case .home_boxtit{ position: static; margin-bottom: 8px; }
	.aa1{ width: 100%; overflow: hidden; height:400px }
	.aa2{ width: 100%; overflow: hidden; height:160px }
}

@media screen and (max-width: 640px){
  .in_protext p{ margin-top: 5px; }
  .home_boxtit, .in_service .lcon h3 a, .in_service .lcon h3{ font-size: 28px; }
  .in_service .lcon p{ margin-top: 0; }
  .in_caseitem .lcon{ width: 100%; float: none; }
  .in_caseitem .rcon{ width: 100%; float: none; padding: 20px; padding-bottom: 5px; }
  .in_news{ padding-top: 20px; }
  .in_newslist li{ width: 100%; float: none; margin-right: 0; }
  .in_faqitem .lcon{ display: none; }
  .in_faqitem .rcon{ margin-left: 0; padding: 0; }
  .in_caseswiper .owl-theme .owl-controls{ position: static; width: 100%; padding-bottom: 15px; }
  .in_caseswiper .owl-theme .owl-controls .owl-page span{ margin: 0 5px; }
  .in_caseitem .rcon p{ margin-top: 0; }
  .pro_nav{ display: none; }
  .pro_listbox li{ width: 48%; }
  .pro_listbox li:nth-of-type(3n){ margin-right: 2%; }
  .pro_listbox li:nth-of-type(even){ margin-right: 0; }
  .subbanner{ width: 100%; overflow: hidden; }
  .subbanner .changpic img{ height: 140px; width: auto; }
  .pro_delbox{ padding: 20px 0; }
  .infoform li{ margin-bottom: 8px; }
  .rel_swiper .item{ margin: 0 5px; }
  .case_list li{ width: 100%; float: none; }
  .case_text span{ display: inline-block; }
  .case_text{ padding: 37px 10px 0 25px; }
  .case_text p{ -webkit-line-clamp: 4; height: 96px; }
  .news_box{ padding: 20px; }
  .news_text p{ line-height: 22px; font-size: 16px; -webkit-line-clamp: 4; height: 88px; }
  .news_text{ width: 100%; }
  .con_xlbox li{ width: 100%; float: none; padding: 0; text-align: left; margin-bottom: 10px; padding-top: 2px; position: relative; padding-left:55px;  }
  .con_xlbox li p{ margin-top: 5px; margin-bottom: 2px; }
  .news_text,.news_list li:nth-of-type(even) .news_text{ padding: 25px 15px 0 15px; }
  .con_xlbox li h6{ width: 45px; height: 45px; line-height: 45px; position: absolute; top: 0; left: 0; font-size: 25px; }
  .con_xlbox li a{ font-size: 18px; }
}

@media screen and (max-width:480px){
  .warper{ padding: 0 15px; }
  .warper  iframe{ max-width:100% !important; height:240px !important  }
 .warper  img{ max-width:100% !important; height:auto !important  }
  #banner_home .owl-controls .owl-buttons .owl-prev{ left: 20px; }
  #banner_home .owl-controls .owl-buttons .owl-next{ right: 20px; }
  #banner_home .owl-controls .owl-buttons div{ width: 28px; }
  .in_ab .lcon h1{ font-size: 20px; }
  .in_ab .lcon p{ line-height: 22px; }
  .in_ab .rcon p{ line-height: 21px; margin-top: 6px; }
  .in_protext{ bottom: 0; }
  .in_proswiper .owl-controls .owl-buttons div{ width: 28px; }
  .home_boxtit, .in_service .lcon h3 a, .in_service .lcon h3{ font-size: 26px; }
  .in_newtext{ padding: 0 8px 12px 8px; }
  .in_faqitem .rcon p{ font-size: 22px; }
  .in_faqitem .rcon span{ line-height: 20px;}
  .footer_war .item2{ width: 100%; float: none; }
  .footer_war .item3{ width: 100%; float: none; }
  .footer_war .item2 .media{ float: none; }
  .footer_war h4{ font-size: 22px; margin-bottom: 5px; }
  .footer_war ul li{ margin-bottom: 6px; }
  .footer_war .item2 .media{ margin-top: 5px; }
  .footer_war .item3{ margin-top: 16px; }
  .footer_war .item2 .media a{ width: 30px; height: 30px; line-height: 30px; }
  .backToTop{ width: 30px; height: 30px; }
  .ab_pictext .warper, .ab_faqbox{ padding: 15px; }
  .ab_textbox h1{ font-size: 22px; }
  .ab_textbox p{ line-height: 21px; }
  .ab_swiper .owl-theme .owl-controls{ bottom: 4px; }
  .ab_text p{ line-height: 22px; }
  .ab_faqbox h2{ font-size: 22px; }
  .in_faqlist{ margin-top: 2px; }
  .in_faqlist h3{ font-size: 17px; }
  .pro_list{ padding-top: 15px; }
  .infoform h2, .rel_pro h2{ font-size: 23px; }
  .infoform p{ font-size: 16px; }
  .infoform li{ width: 100%; float: left; margin-bottom: 6px; }
  .infoform li:nth-child(even){ margin-left: 0; }
  .infoform input, .infoform textarea{ line-height: 24px; font-size: 16px; }
  .rel_pro{ padding: 20px 0; }
  .case_text{ padding: 22px 10px 0 15px; }
  .case_text p{ line-height: 21px; height: 63px; -webkit-line-clamp: 3; }
  .case_list li{ margin-bottom: 10px; }
  .news_text, .news_list li:nth-of-type(even) .news_text{ padding: 12px 12px 0 12px; }
  .news_text p{ line-height: 20px; height: 60px; -webkit-line-clamp: 3; }
  .news_del{ padding: 15px 0 20px 0; }
  .ser_box .in_service{ padding: 15px 0; }
  .subbanner h1{ font-size: 26px; }
  .ser_box .infoform{ text-align: left; }
  .phonemenu{ padding: 10px 0; }
  .phonemenu h2{ display: block; }
  .pro_nav{ display: none; padding: 2px 0; }
  .pro_nav li{ width: 100%; float: none; margin-bottom: 5px; border-bottom: 1px solid #ccc; }
  .pro_nav li a{ min-height: auto; padding: 10px; font-size: 16px; border: none; }

  
}
@media screen and (max-width:414px){
  .warper{ padding: 0 10px; }
   
  .case_text h3{ font-size: 18px; }
  .news_text, .news_list li:nth-of-type(even) .news_text{ padding: 12px; }
  .languagebox img{ display: none; }
  .languagebox{ width: 98px; }
  .head_rcon{ width: 120px; }
  .languagebox ul li{ padding: 0 10px; }
  .in_ab, .in_service{ padding: 15px 0; }
  .in_protext{ padding: 15px; }
  .in_protext h4 span{ font-size: 23px; }
  .in_pro{ padding-top: 15px; }
  .in_proswiper .owl-controls .owl-buttons .owl-prev{ left: 20px; }
  .in_proswiper .owl-controls .owl-buttons .owl-next{ right: 20px; }
  .in_proswiper{ margin-top: 10px; }
  .in_service .lcon h3{ line-height: 36px; }
  .home_boxtit, .in_service .lcon h3 a, .in_service .lcon h3{ font-size: 24px; }
  .in_faqswiper .owl-controls .owl-buttons div{ width: 21px; }
  footer{ padding: 20px 0; }
  .pro_item p{ font-size: 16px; margin-top: 5px; }
  .pro_listbox li{ margin-bottom: 10px; }
  .del_text p{ line-height: 21px; }
  .infoform p{ margin-top: 5px; }
  .infoform ul{ margin-top: 0; }
  .infoform li{ margin-bottom: 5px; }
  .infoform form button{ font-size: 16px; }
  .rel_swiper .item{ margin: 0; }
  .rel_swiper{ margin-top: 46px; }
  .rel_swiper .owl-theme .owl-controls{ top: -38px; }
  .rel_swiper .owl-theme .owl-controls .owl-page span{ width: 12px; height: 12px; }
  .case_text{     padding: 14px 10px 0 15px; }
  .news_list li .lcon{ width: 100%; float: none; }
  .news_list li .rcon{ width: 100%; float: none; }
  .news_text{ position: static; padding: 12px; }
  .news_box{ padding: 15px; }
  .news_list li{ margin-bottom: 10px; }
  .con_xlbox{ padding: 10px 0; }
  
}

.t12{ margin: 0 auto}